<template>
  <div class="loading-text">
    <span class="tit">{{text}}</span>
    <mt-spinner type="triple-bounce" :color="color"></mt-spinner>
  </div>
</template>
<script>
  import {MAIN_COLOR} from '../../common/js/config'

  export default {
    name: 'loading-text',
    props: {
      text: {
        type: null,
        default: '加载中'
      }
    },
    data() {
      return {
        color: MAIN_COLOR
      }
    }
  }
</script>
<style lang="scss" scoped>
  .loading-text {
    padding: .2rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    .tit {
      display: inline-block;
      padding: 0 .2rem 0 0;
    }
  }
</style>
